<!DOCTYPE html>
<html lang="en" xmlns:v-bing="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>  
</head>
<body>
  <div id="app">
      <a :href='a'>简写</a>
      <a v-bind:href='a'>正常的写法</a>
      <input v-model="a" type="text" />
      <input :type="a" />
  </div>
</body>
<script src="https://unpkg.com/vue/dist/vue.js"></script>

<!-- v-bind: 绑定属性 可以是对象，数组，也可以使用三目运算。并且可以直接绑定内联样式。
简写  直接 :绑定属性

v-model 只能用来绑定表单元素  相当于绑定value -->

<script type="text/javascript">
    var app = new Vue({
      // 绑定元素
      el: "#app",
      data: {
        a: "https://www.baidu.com"
      }
    })
</script>
</html>